<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="../estrutura/template.xhtml">

	<ui:define name="core">
		<h:form>
			<span class="Titulo">Cadastro de Moradores</span>
			<div class="Conteudo">
				<ul class="Formulario">
					<li>
						<h:outputText value="Residência:" /> <br /> 
						<p:selectOneMenu value="#{moradorMBean.residenciaSelected}">
							<f:selectItem itemLabel="Selecione uma residência" itemValue="" />
							<f:selectItems value="#{moradorMBean.residencias}" />
						</p:selectOneMenu>
					</li>
					<li>
						<h:outputText value="Nome:" /> 
						<br /> 
						<h:inputText value="#{moradorMBean.moradorVO.nome}" class="TextBox" />
					</li>
					<li>
						<h:outputText value="RG:" /> <br /> 
						<h:inputText value="#{moradorMBean.moradorVO.rg}" class="TextBox" />
					</li>
					<li>
						<h:outputText value="Sexo:" />
						<br /> 
						<p:selectOneMenu
							value="#{moradorMBean.moradorVO.sexo}">
							<f:selectItem itemLabel="Escolha o Sexo: " itemValue="" />
							<f:selectItem itemLabel="Masculino" itemValue="M" />
							<f:selectItem itemLabel="Feminino" itemValue="F" />
						</p:selectOneMenu>
					</li>
					<li>
						<h:outputText value="Idade:" /> 
						<br /> 
						<h:inputText value="#{moradorMBean.moradorVO.idade}" />
					</li>
					<li>
						<h:outputText value="Foto:" /> 
						<br /> 
						<h:inputText value="#{moradorMBean.moradorVO.foto}" class="TextBox" />
					</li>
					<li>
						<h:commandButton value="Cadastrar" class="BotaoEnviar"
							action="#{moradorMBean.salvar}" />						
					</li>
				</ul>
			</div>
		</h:form>
	</ui:define>
</ui:composition>